style.module.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. .betrecordPage {
  2. // height: 100%;
  3. // :global(.adm-tabs) {
  4. // height: 100%;
  5. // display: flex;
  6. // flex-direction: column;
  7. // }
  8. // :global(.adm-tabs-content) {
  9. // flex: 1;
  10. // min-height: 0;
  11. // overflow: auto;
  12. // @extend .commonBorder;
  13. // box-shadow: $-input-shadow;
  14. // border-radius: 0.15rem;
  15. // margin: 0 0.1rem 0.1rem;
  16. // }
  17. // // :global(.adm-list-body-inner) {
  18. // // // @extend .commonBorder;
  19. // // // box-shadow: $-input-shadow;
  20. // // // border-radius: 0.15rem;
  21. // // // border-top-width: 1px;
  22. // // }
  23. :global(.adm-list-item) {
  24. margin-bottom: 0.1rem;
  25. }
  26. :global(.adm-list-item-content-main) {
  27. padding: 0.1rem;
  28. background: #1f2830;
  29. border-radius: 0.1rem;
  30. }
  31. // :global(.adm-tabs-tab-list) {
  32. // margin: 0.12rem;
  33. // // border: 1px solid #e43bff;
  34. // // border-radius: 0.3rem;
  35. // // box-shadow: 0 0 15px #7735bd inset;
  36. // padding-bottom: 0.1rem;
  37. // position: relative;
  38. // &:after {
  39. // content: "";
  40. // position: absolute;
  41. // left: 0;
  42. // top: 0;
  43. // width: 100%;
  44. // bottom: 0;
  45. // border-bottom: 1px solid #fcd6ff;
  46. // border-radius: 0.3rem;
  47. // pointer-events: none;
  48. // }
  49. // &:before {
  50. // content: "";
  51. // position: absolute;
  52. // left: 0;
  53. // top: 1px;
  54. // width: 100%;
  55. // bottom: 1px;
  56. // border: 1px solid #e43bff;
  57. // border-radius: 0.3rem;
  58. // box-shadow: 0 0 25px #df3cfb inset;
  59. // padding-bottom: 0.1rem;
  60. // pointer-events: none;
  61. // }
  62. // }
  63. // :global(.adm-tabs-tab) {
  64. // padding-bottom: 0;
  65. // }
  66. // :global(.adm-tabs-tab-line) {
  67. // bottom: 0.08rem;
  68. // }
  69. padding-top: 0.1rem;
  70. height: 100%;
  71. display: flex;
  72. flex-direction: column;
  73. :global(.adm-tabs-tab-list) {
  74. margin: 0 0.12rem 0.12rem;
  75. background-color: #1f2830;
  76. border-radius: 0.1rem;
  77. height: 0.4rem;
  78. position: relative;
  79. }
  80. :global(.adm-tabs) {
  81. height: 100%;
  82. display: flex;
  83. flex-direction: column;
  84. align-items: stretch;
  85. }
  86. :global(.adm-tabs-content) {
  87. flex: 1;
  88. min-height: 0;
  89. overflow: auto;
  90. padding: 0;
  91. }
  92. // :global(.adm-tabs-tab-line) {
  93. // bottom: 0.08rem;
  94. // }
  95. :global(.adm-tabs-tab-line) {
  96. top: 0;
  97. bottom: 0;
  98. background: #11de68;
  99. height: 100%;
  100. border-radius: 0.1rem;
  101. }
  102. :global(.adm-tabs-tab-wrapper) {
  103. flex: 1;
  104. padding: 0;
  105. height: 100%;
  106. }
  107. :global(.adm-tabs-tab) {
  108. padding: 0;
  109. margin: 0;
  110. width: 100%;
  111. display: flex;
  112. align-items: center;
  113. justify-content: center;
  114. height: 100%;
  115. color: #5d7284;
  116. font-weight: 700;
  117. padding-bottom: 0;
  118. font-size: 0.13rem;
  119. }
  120. :global(.adm-tabs-tab-active) {
  121. color: #122f23;
  122. }
  123. :global(.adm-tabs-header-mask) {
  124. display: none;
  125. }
  126. :global(.adm-tabs-content) {
  127. padding: 0 0.1rem 0.1rem;
  128. }
  129. :global(.adm-tabs) {
  130. height: 100%;
  131. display: flex;
  132. flex-direction: column;
  133. }
  134. }